﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>List Page</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/HomeStyle.css" rel="stylesheet" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js">
    </script>
    <script>
        $(document).ready(function () {
            $(window).scroll(function () {
                if ($(this).scrollTop() > 50) {
                    $('#back-to-top').fadeIn();
                } else {
                    $('#back-to-top').fadeOut();
                }
            });
            // scroll body to 0px on click
            $('#back-to-top').click(function () {
                $('#back-to-top').tooltip('hide');
                $('body,html').animate({
                    scrollTop: 0
                }, 800);
                return false;
            });

            $('#back-to-top').tooltip('show');
        });
    </script>
</head>
<body>
    <header>
        <div id="top-bar">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="pull-left col-sm-4">
                            <div class="lang">
                                <!-- Single button -->
                                <div class="img-logo">
                                    <a href="#">
                                        <img src="img/logo_banner.png" class="img-responsive" style="min-height:100px;min-width:450px;" />
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="pull-right col-sm-8">
                            <div class="row container-fluid">
                                <nav role="navigation" class="navbar navbar-default">
                                    <div class="container-fluid">
                                        <div class="navbar-header">
                                            <button data-target="#bs-example-navbar-collapse-2" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
                                                <span class="sr-only">Toggle navigation</span>
                                                <span class="icon-bar"></span>
                                                <span class="icon-bar"></span>
                                                <span class="icon-bar"></span>
                                            </button>
                                            <!--<a href="#" class="navbar-brand">Hướng dẫn sử dụng</a>
                                            <a href="#" class="navbar-brand">Hướng dẫn thủ tục</a>
                                            <a href="#" class="navbar-brand">Sơ đồ site</a>
                                            <a href="#" class="navbar-brand">Liên hệ</a>-->
                                        </div>
                                        <div id="bs-example-navbar-collapse-2" class="navbar-collapse collapse text-center">
                                            <form role="search" class="navbar-form navbar-left">
                                                <div class="btn-group" id="menu-top" >
                                                    <a href="home.html" class="navbar-brand">
                                                        <i class="glyphicon glyphicon-home"></i>
                                                        Trang chủ
                                                    </a>
                                                    <a href="#" class="navbar-brand">                                                        
                                                        Hướng dẫn sử dụng
                                                    </a>
                                                    <a href="#" class="navbar-brand">Hướng dẫn thủ tục</a>
                                                    <a href="#" class="navbar-brand">Sơ đồ site</a>
                                                    <a href="#" class="navbar-brand">Liên hệ</a>
                                                </div>
                                                <!--<div class="form-group">
                                                    <input type="text" placeholder="Search" class="form-control">
                                                </div>
                                                <button class="btn btn-default" type="submit">Tìm</button>-->
                                            </form>
                                        </div>
                                    </div>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="main-header">
            <div class="container">
                <div class="row">
                    <div class="col-sm-3">
                        <div class="row">
                            <div id="login-panel" class="panel panel-primary">
                                <div class="panel-heading text-center">
                                    Thông tin tài khoản
                                    <div class="note">19/08/2014</div>
                                </div>
                                <div class="panel-body">
                                    <div>
                                        <table class="table table-hover">
                                            <tbody>
                                                <tr>
                                                    <td>Tên khách hàng</td>
                                                    <td class="lbInfo">Dư Anh Quý</td>
                                                </tr>
                                                <tr>
                                                    <td>Mã khách hàng</td>
                                                    <td class="lbInfo">PC03HHH082314</td>
                                                </tr>
                                                <tr>
                                                    <td>Loại hợp đồng</td>
                                                    <td class="lbInfo">Ngoài sinh hoạt</td>
                                                </tr>
                                                <tr>
                                                    <td>Lịch ghi chỉ số</td>
                                                    <td class="lbInfo">(Chưa có)</td>
                                                </tr>
                                                <tr>
                                                    <td>Lịch cắt điện</td>
                                                    <td class="lbInfo">(Chưa có)</tdclass>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="panel-footer text-right">
                                    <button type="submit" class="btn btn-danger">
                                        <i class="glyphicon glyphicon-edit icon-white"></i> Đăng xuất
                                    </button>
                                </div>
                            </div>
                        </div>

                        <div class="row" id="box_evnkh">
                            <div class="event-box-title-right">
                                EVN & Khách Hàng
                            </div>
                            <div class="box_evnkh_content">
                                <ul class="evnkh_right">
                                    <li class="bg_item_evnkh">
                                        <i>
                                            <img width="20" height="20" src="img/dangkymuadien.png">
                                        </i>
                                        <a href="/EVN-and-khach-hang/Huong-dan-dich-vu-dien/Dang-ky-mua-dien-doi-voi-luoi-dien-ha-ap/Index.aspx">
                                            Đăng ký mua điện
                                        </a>
                                    </li>
                                    <li class="bg_item_evnkh">
                                        <i>
                                            <img width="20" height="20" src="img/thaydoidungdien.png">
                                        </i>
                                        <a href="/EVN-and-khach-hang/Huong-dan-dich-vu-dien/Thay-doi-dung-dien/Thay-doi-dung-dien.aspx">
                                            Thay đổi dùng điện
                                        </a>

                                    </li>
                                    <li class="bg_item_evnkh">
                                        <i>
                                            <img width="20" height="20" src="img/giadien.png">
                                        </i>

                                        <a href="/EVN-and-khach-hang/Gia-dien/index.aspx">Giá điện</a>
                                    </li>
                                    <li class="bg_item_evnkh">
                                        <i>
                                            <img width="20" height="20" src="img/xulyhanhvitromcapdien.png">
                                        </i>

                                        <a href="/EVN-and-khach-hang/Xu-ly-vi-pham-su-dung-dien/Trom-cap-dien/Xu-ly-vi-pham-trom-cap-dien.aspx">
                                            Xử lý hành vi trộm cắp điện
                                        </a>
                                    </li>
                                    <li class="bg_item_evnkh">
                                        <i>
                                            <img width="20" height="20" src="img/baosuachuadien.png">
                                        </i>
                                        <a href="/EVN-and-khach-hang/Huong-dan-dich-vu-dien/Bao-sua-chua-dien/Bao-sua-chua-dien.aspx">
                                            Báo sửa chữa điện
                                        </a>

                                    </li>
                                    <li class="bg_item_evnkh">
                                        <i>
                                            <img width="20" height="20" src="img/tamngungcapdien.png">
                                        </i>
                                        <a href="/EVN-and-khach-hang/Huong-dan-dich-vu-dien/Tam-ngung-cap-dien/Tam-ngung-cap-dien.aspx">
                                            Tạm ngừng cấp điện
                                        </a>

                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-9">
                        <div class="content-right">
                            <div class="row">
                                <ul role="tablist" class="nav nav-tabs" id="myTab">
                                    <li class="active"><a data-toggle="tab" role="tab" href="#home">Thông tin chung</a></li>
                                    <li class=""><a data-toggle="tab" role="tab" href="#profile">Dịch vụ điện</a></li>
                                    <li class=""><a data-toggle="tab" role="tab" href="#dropdown1">Tra cứu</a></li>
                                </ul>
                                <div class="tab-content" id="myTabContent">
                                    <div id="home" class="tab-pane fade active in">
                                        <div class="col-sm-4 box-menu-area">
                                            <ul>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Thông tin giá điện </a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Thủ tục cấp điện</a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">
                                                        Lịch tạm ngừng cung cấp điện
                                                    </a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">
                                                        Tư vấn sử dụng điện
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="col-sm-4 box-menu-area">
                                            <ul>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Thông tin giá bán điện mới</a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Hướng dẫn đăng ký Web CSKH</a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Quản lý đo đếm MDMS</a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Xác thực hóa đơn điện tử</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="col-sm-4 box-menu-area">
                                            <ul>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Thông tin giá bán điện mới</a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Hướng dẫn đăng ký Web CSKH</a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Quản lý đo đếm MDMS</a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Xác thực hóa đơn điện tử</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div id="profile" class="tab-pane fade">
                                        <div class="col-sm-4 box-menu-area">
                                            <ul>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Thông tin giá điện </a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Thủ tục cấp điện</a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">
                                                        Lịch tạm ngừng cung cấp điện
                                                    </a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">
                                                        Tư vấn sử dụng điện
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="col-sm-4 box-menu-area">
                                            <ul>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Thông tin giá bán điện mới</a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Hướng dẫn đăng ký Web CSKH</a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Quản lý đo đếm MDMS</a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Xác thực hóa đơn điện tử</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div id="dropdown1" class="tab-pane fade">
                                        <div class="col-sm-4 box-menu-area">
                                            <ul>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Thông tin giá điện </a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Thủ tục cấp điện</a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">
                                                        Lịch tạm ngừng cung cấp điện
                                                    </a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">
                                                        Tư vấn sử dụng điện
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="col-sm-4 box-menu-area">
                                            <ul>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Thông tin giá bán điện mới</a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Hướng dẫn đăng ký Web CSKH</a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Quản lý đo đếm MDMS</a>
                                                </li>
                                                <li>
                                                    <i class="glyphicon glyphicon-circle-arrow-right icon-hide"></i>
                                                    <a href="#">Xác thực hóa đơn điện tử</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                            <div class="row">
                                <div class="breadcrumb" id="bread-crumb">
                                    <a href="home.html">Home</a>
                                    /
                                    <span>Services</span>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </header>


    <section id="footer">
        <div class="row">
            <div class="container">
                <div class="col-sm-3 footer-area">
                    <h3>Cơ quan chủ quản</h3>
                    <p>
                        Tập đoàn điện lực Việt Nam
                        <br>
                        Địa chỉ:...................
                        <br>
                        Hotline: 1900 8098
                        <br>
                        Email: cskh_ict@evn.com.vn
                    </p>
                </div>
                <div class="col-sm-6 footer-area">
                    <h3>Liên kết</h3>
                    <ul class="grouplogo">
                        <li>
                            <a href="http://www.nea.org.np/">
                                <img src="img/logo/lg1.jpg" class="img-responsive" />
                            </a>
                        </li>
                        <li>
                            <a href="http://www.kepco.co.kr/eng/">
                                <img src="img/logo/kepco.jpg" class="img-responsive">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.tepco.co.jp/en/index-e.html">
                                <img src="img/logo/tepco.jpg" class="img-responsive">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.aes.com/aes/index?page=home">
                                <img src="img/logo/lg4.jpg" class="img-responsive">
                            </a>
                        </li>
                        <li>
                            <a href="http://tnb.com.my/">
                                <img src="img/logo/lg5.jpg" class="img-responsive">
                            </a>
                        </li>
                        <li>
                            <a href="http://www.singaporepower.com.sg/irj/portal">
                                <img src="img/logo/lg6.jpg" class="img-responsive">
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-sm-3 footer-area">
                    <h3>Kết nối</h3>
                    <ul class="ul-social">
                        <li>
                            <a title="Facebook" target="_blank" href="https://www.facebook.com/shopone.vtict"></a>
                        </li>
                        <li>
                            <a title="Twitter" target="_blank" href="https://twitter.com/ShoponeViettel"></a>
                        </li>
                        <li>
                            <a title="Google Plus" target="_blank" href="https://plus.google.com/u/0/108206157364230239289/posts"></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="container">
                <p id="footer-text">
                    © 2014 Tập đoàn Điện lực Việt Nam. Giấy phép trang điện tử số 121/GP-BVHTT, ngày 16/04/2003.
                    <br>
                    Chịu trách nhiệm nội dung EVNIT. Thiết kế bởi
                    <a href="http://www.evnit.vn/">EVNIT </a>
                </p>
            </div>
        </div>
    </section>


    <!--Contact-->
    <div style="display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0px; border: 0px none; background-color: transparent; overflow: hidden; position: fixed; z-index: 16000001; bottom: 0px; width: 235px; height: 33px; right: 10px;" class="sbzoff">
        <iframe frameborder="0" style="background-color: transparent; vertical-align: text-bottom; position: relative; width: 100%; height: 100%; margin: 0px; overflow: hidden;" src="Contact.html" id="sbzoff_frame"></iframe>
    </div>

    <a id="back-to-top" href="#" class="btn btn-primary btn-lg back-to-top" role="button" title="Trờ về đầu trang" data-toggle="tooltip" data-placement="left"><span class="glyphicon glyphicon-chevron-up"></span></a>
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/Main.js"></script>
</body>
</html>
